<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<%@ include file="../common/taglibs.jsp" %>
<%
	String style = (String)application.getAttribute("style");
	String param = request.getParameter("name");
	if(param!=null && !"".equals(param)){
		style = param;
	}
%>
<link href="${ctx}/css/<%=style%>/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script>
	$(document).ready(function(){
		$("#testTabs").tabs();
		$("#clos").accordion();
		$("#radioDiv").buttonset();
		$("button").button();
		$('#datepicker').datepicker({ inline: true });
		
	});
	function showWin(){
		$('#wins').dialog({buttons: {
			"保存":function(){  $(this).dialog("close"); }
			,"取消":function(){ $(this).dialog("close"); } 
		}
});
	}
</script>
</head>
<body style="margin:10px;">
	<div>这里是预览界面：</div>
	<div id="testTabs">
		<ul>
			<li><a href="#bodyTabs-1">&nbsp;1添加&nbsp;</a></li>
			<li><a href="#bodyTabs-2">&nbsp;2查询&nbsp;</a></li>
			<li><a href="#bodyTabs-3">&nbsp;3统计&nbsp;</a></li>
			<li><a href="#bodyTabs-4">&nbsp;4来源&amp;故障&nbsp;</a></li>
		</ul>
		<div id="bodyTabs-1"> 1添加 </div>
		<div id="bodyTabs-2"> 2查询 </div>
		<div id="bodyTabs-3"> 3统计 </div>
		<div id="bodyTabs-4"> 4来源&amp;故障 </div>
	</div>
	<div class="split">&nbsp;</div>
	<div class="right_box" id="clos">
		<h3><a>&nbsp;1111</a></h3><div>1111的内容</div>
		<h3><a>&nbsp;2222</a></h3><div>2222的内容</div>
		<h3><a>&nbsp;3333</a></h3><div>3333的内容</div>
	</div>
	<div class="split">&nbsp;</div>
	<div id="radioDiv">
		<input type="radio" name="radio" id="radioDiv1"/><label for="radioDiv1">单选1</label>
		<input type="radio" name="radio" id="radioDiv2"/><label for="radioDiv2">单选2</label>
		<input type="radio" name="radio" id="radioDiv3"/><label for="radioDiv3">单选3</label>
	</div>
	<div class="split">&nbsp;</div>
	<div id="datepicker"></div>
	<div class="split">&nbsp;</div>
	<div><button onclick="showWin()">弹窗</button></div>
	<div id="wins" title="测试弹窗" class="none4win">
		<span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-help">&nbsp;</span>
		<span style="font-weight:bold">问题内容问题内容</span>
	</div>
</body>
</html>
